.dang-category {
  .dang-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .category-header-l {
      flex: 1;
      width: 1.066667rem;
      height: 1.173333rem;

      .iconfont.icon-zuojiantou {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.066667rem;
        height: 1.066667rem;
        font-size: 0.533333rem;
      }
    }

    .category-header-m {
      flex: 6;

      searchbar {}
    }

    .category-header-r {
      flex: 1;
      width: 1.066667rem;
      height: 1.173333rem;

      .iconfont.icon-sangedian {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1.066667rem;
        height: 1.066667rem;
        font-size: 0.8rem;
        margin-right: 0 !important;
      }
    }
  }

  //内容部分
  .dang-category-content {
    display: flex;
    .category-content-left1{
      flex: 1;
      width: 1.2rem;
      overflow-y: scroll;
      height: calc(100vh - 2.506667rem);
      background: #fff;
      .category-content-left {
        position:relative;
        top:0;
        left:0;
        // overflow-y: scroll;
        // height: calc(100vh - 2.506667rem);
        .content-left-item {
          // width: 2.133333rem;
          height: 1.28rem;
          font-size: 0.373333rem;
          // padding: 0 3px 0 0;
          text-align: center;
          line-height: 1.28rem;
  
        }
      }

      .active {
        color: #e53e30;
        background-color: #eff4fa;
      }
    }

    //banner
    .category-content-right {
      flex: 3;
      height: calc(100vh - 2.506667rem);
      overflow-y: scroll;
      // background-color: yellow;
      background-color: #eff4fa;
      .content-right_banner {
        img {
          width: 100%;
          height: 100%;
        }
      }
      //总体
      .content-right_title {
        .content_title_con {
          width: 100%;
          height: 1.6rem;
          display: flex;
          background:#fff;
          justify-content: space-between;
          margin-top: 8px;

          .title_con_left {
            flex: 6;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 15px 0 15px 13px;

            // align-items: center;
            p {
              font-size: 0.373333rem;
              margin: 0 0 3px;
              color: #212121;
              font-weight: 800;
            }

            span {
              display: inline-block;
              font-size: 0.32rem;
              color: #A6A6A6;
            }
          }

          .title_con_right {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;

            .iconfont.icon-youjiantou {}
          }
        }
      }

      //内容
      .content-right_content {
        // background-color: ;
        .content_content_title {
          background-color: #fff;
          margin: 0.266667rem 0;
          .title_con_tit {
            padding: 7px 0 0 14px;
            height: 0.933333rem;

            p {
              font-size: 0.373333rem;
              font-weight: 800;
              color: #1E1E1E;
            }
          }

          .con_item_box {
            display: flex;
            flex-wrap: wrap;
            // justify-content: space-between;
            .title_con_item {
              margin-left: 0.266667rem;
              // background-color: black;
              display: flex;
              width: 2.133333rem;
              height: 3.0533333rem;

              // height: ;
              .con_item_img {
                margin-bottom: 0.426667rem;
                width: 2.133333rem;
                height: 3.04rem;
                display: flex;
                // flex-direction: column;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;

                img {
                  width: 2.133333rem;
                  height: 2.133333rem;
                  padding: 0px 6px 2px;
                }

                span {
                  // display: inline-block;
                  // height: 26px;
                  line-height: 0.693333rem;
                  color: #4D525D;
                  margin: 6px 0 0;
                  text-align: center;
                }
              }


            }
          }
        }
        // .content_content_title1 {
          .content_content_itemBox {
            min-height: 3.546667rem;
            background: #fff;
            margin-bottom: 0.266667rem;
            .content_content2_header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 7px 10px 0 14px;
              height: 0.933333rem;
              .content2_header_left {
                display: flex;
                justify-content: space-between;
                align-items: center;
                .header_left_item {
                  font-size: 0.373333rem;
                  font-weight: 500;
                  color: #1E1E1E;
                }
        
                i.iconfont.icon-youjiantou {
                  color: #1E1E1E;
                  font-size: 0.32rem;
                }
              }
              
              div.content2_header_right {
                display: flex;
                justify-content: space-between;
                align-items: center;
                .header_right_item {
                  color: #969696;
                }
                
                i.iconfont.icon-youjiantou {
                  color: #969696;
                  font-size: 0.32rem;
        
                }
              }
            }

            .content_itemBox_bottom {
              display: flex;
              flex-wrap: wrap;
              overflow: hidden;
              .itemBox_bottom_item {
                border-bottom: 1px solid #ccc;
                width: 2.293333rem;
                height: 1.28rem;
                // line-height: 1.28rem;
                // text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                .itemBox_bottom_border{

                }
              }
            }


          // }
        }

      }

    }
  }
}